<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="../../root.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=11">
<link rel="stylesheet" href="${basePath}static/fonts/font-awesome.min.css" />
<link rel="stylesheet" href="${basePath}static/css/main.css" />
<link rel="stylesheet" href="${basePath}static/css/emcs.css" />
<title>EMCS</title>
</head>
<body onload="">
	<div class="emcs">
            <%--<div class="top"><%@ include file="../../jsp/header.jsp"%></div>--%>
            <div class="center">

                <div class="right">
                            <div class="left"><%@ include file="../../jsp/emcsLeft.jsp"%></div>
                            <div class="left1">
                                    <div class="menu" style="background-color: #aeb9bd;height: 866px;border-right: 10px solid #aeb9bd;border-bottom: 2px solid #aeb9bd;clip-path: polygon(0% 0%,100% 0%, 100% 98%, 0% 100%,0% 100%);width: 0px;position: fixed;">		
                                    </div>
                                    <div style="float:left;cursor: pointer;margin-left: 10px;" onclick="showLeft1();">
                                        <div style="float:left;width: 25px;height: 30px;background: #aeb9bd;position: absolute;clip-path: polygon(0% 0%, 100% 50%, 0% 50%, 0% 0%);"></div>
                                        <div style="float:left;background: #aeb9bd;width: 25px;position: absolute;height: 135px;margin-top: 15px;"></div>
                                        <div style="float:left;width: 25px;height: 25px;background: #aeb9bd;position: absolute;clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 0%);margin-top: 150px;"></div>
                                        <i class="fa fa-angle-double-right fa-2x" style="margin-top: 62px;position: absolute;color: #ffffff;margin-left: 0px;"></i>
                                        <img src="${basePath}static/images/null.png" width="30" height="170" style="border:0px">
                                        
                                    </div>
                            </div>
                            <div style="width: 1838px;height: 30px;margin-left: 10px;text-align: center;color: #FFFFFF;padding-top: 10px;">
                                       <span id="page_title" style="font-family:'Microsoft Yahei';font-size: 30px;">大系统原理图</span>
                             </div>                       
                            <!-- 大风机 -->
                            <div class="emcsKT-I1">
                                    <div id="TxtDivKT-I1" class="greenTxt">
                                            <span id="TxtEmcsKT-I1">变</span>
                                    </div>
                                    <div class="KTDiv">
                                            <img id="KT-I1" alt="" onclick="show1('KT-I1');"
                                                    src="${basePath}static/images/fengji/da/ZKT_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>
                            <div class="emcsKT-I2">
                                    <div id="TxtDivKT-I2" class="greenTxt">
                                            <span id="TxtEmcsKT-I2">变</span>
                                    </div>
                                    <div class="KTDiv">
                                            <img id="KT-I2" alt="" onclick="show1('KT-I2');"
                                                    src="${basePath}static/images/fengji/da/ZKT_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>
                            <div class="emcsKT-II1">
                                    <div id="TxtDivKT-II1" class="greenTxt">
                                            <span id="TxtEmcsKT-II1">变</span>
                                    </div>
                                    <div class="KTDiv">
                                            <img id="KT-II1" alt="" onclick="show1('KT-II1');"
                                                    src="${basePath}static/images/fengji/da/ZKT_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>
                            <div class="emcsKT-II2">
                                    <div id="TxtDivKT-II2" class="greenTxt">
                                            <span id="TxtEmcsKT-II2">变</span>
                                    </div>
                                    <div class="KTDiv">
                                            <img id="KT-II2" alt="" onclick="show1('KT-II2');"
                                                    src="${basePath}static/images/fengji/da/ZKT_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <!-- 小风机 -->
                            <div class="emcsKXF-I1">
                                    <div id="TxtDivKXF-I1" class="greenTxt">
                                            <span id="TxtEmcsKXF-I1">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="KXF-I1" alt="" onclick="show2('KXF-I1')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsKXF-I2">
                                    <div id="TxtDivKXF-I2" class="greenTxt">
                                            <span id="TxtEmcsKXF-I2">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="KXF-I2" alt="" onclick="show2('KXF-I2')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsKXF-II1">
                                    <div id="TxtDivKXF-II1" class="greenTxt">
                                            <span id="TxtEmcsKXF-II1">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="KXF-II1" alt="" onclick="show2('KXF-II1')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsKXF-II2">
                                    <div id="TxtDivKXF-II2" class="greenTxt">
                                            <span id="TxtEmcsKXF-II2">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="KXF-II2" alt="" onclick="show2('KXF-II2')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsHPF-I1">
                                    <div id="TxtDivHPF-I1" class="greenTxt">
                                            <span id="TxtEmcsHPF-I1">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="HPF-I1" alt="" onclick="show2('HPF-I1')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsHPF-I2">
                                    <div id="TxtDivHPF-I2" class="greenTxt">
                                            <span id="TxtEmcsHPF-I2">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="HPF-I2" alt="" onclick="show2('HPF-I2')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsHPF-II1">
                                    <div id="TxtDivHPF-II1" class="greenTxt">
                                            <span id="TxtEmcsHPF-II1">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="HPF-II1" alt="" onclick="show2('HPF-II1')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <div class="emcsHPF-II2">
                                    <div id="TxtDivHPF-II2" class="greenTxt">
                                            <span id="TxtEmcsHPF-II2">变</span>
                                    </div>
                                    <div class="KXFDiv">
                                            <img id="HPF-II2" alt="" onclick="show2('HPF-II2')"
                                                    src="${basePath}static/images/fengji/xiao/fengji_green.gif"
                                                    style="cursor: pointer">
                                    </div>
                            </div>

                            <!-- 组合式(大风机) -->
                            <div class="waikuang" id="zhsktq">
                                    <div id="zhTitle">
                                            <div id="zhImg">
                                                    <img src="${basePath}static/images/zhktq.png" />
                                            </div>
                                            <div id="zhTxt">
                                                    <span>&nbsp;组合式空调器<a id="biaotiID">KT-II2</a></span>
                                            </div>
                                            <div id="zhEdit">
                                                    <img style="cursor: pointer"
                                                            src="${basePath}static/images/zhEdit.png" onclick="hide1()" />
                                            </div>
                                    </div>
                                    <div id="zhCount">
                                            <table width="100%" height="100%" border="0" cellpadding="0"
                                                    cellspacing="0">
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备信息</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">设备名称：</td>
                                                            <td>组合式空调器</td>
                                                            <td class="td2">设备代码：</td>
                                                            <td id="devID">KT-II2</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">安装位置：</td>
                                                            <td id="azwz">公共区</td>
                                                    </tr>
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备状态</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">运动状态：</td>
                                                            <td id="ydzt">停止</td>
                                                            <td class="td2">有功电镀：</td>
                                                            <td id="ygdd">15.44 KWh</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">运动频率：</td>
                                                            <td id="ydpl">10.56HZ</td>
                                                            <td class="td2">过载故障：</td>
                                                            <td id="gzgz">无</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">变频器故障报警：</td>
                                                            <td id="bpqgzbj">无</td>
                                                            <td class="td2">变频器通信故障：</td>
                                                            <td id="bpqtxgz">无</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">累计运行时间：</td>
                                                            <td id="ljyxsj">12.71323</td>
                                                            <td class="td2">三相平均电流：</td>
                                                            <td id="sxpjdl">10.61 A</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">联锁是否满足：</td>
                                                            <td id="ls">不满足</td>
                                                    </tr>
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备控制</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">当前操作场所：</td>
                                                            <td id="dqczcs">远方</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">频率设定：</td>
                                                            <td><input id="plsd" type="text"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                            <td>HZ <input type="button" value="设定"
                                                                    style="width: 70px; height: 25px;" onclick="plsd();" /></td>

                                                    </tr>
                                                    <tr>
                                                            <td></td>
                                                            <td><input type="button" value="变频运动"
                                                                    style="width: 70px; height: 25px;" onclick="yxkz();" /></td>
                                                            <td>&nbsp;&nbsp;&nbsp;<input type="button" value="变频停止"
                                                                    style="width: 70px; height: 25px;" onclick="tzkz();" /></td>
                                                    </tr>
                                            </table>
                                    </div>
                            </div>

                            <!-- 大系统（小风机） -->
                            <div class="waikuang" id="dxthpfj">
                                    <div id="zhTitle">
                                            <div id="zhImg">
                                                    <img src="${basePath}static/images/zhktq.png" />
                                            </div>
                                            <div id="zhTxt">
                                                    <span>&nbsp;大系统回排风机 <a id="biaotiID2">HPF-I2</a></span>
                                            </div>
                                            <div id="zhEdit">
                                                    <img style="cursor: pointer"
                                                            src="${basePath}static/images/zhEdit.png" onclick="hide2()" />
                                            </div>
                                    </div>
                                    <div id="zhCount">
                                            <table width="100%" height="100%" border="0" cellpadding="0"
                                                    cellspacing="0">
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备信息</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">设备名称：</td>
                                                            <td>大系统回排风机</td>
                                                            <td class="td2">设备代码：</td>
                                                            <td id="devID2">HPF-I2</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">安装位置：</td>
                                                            <td id="azwz2">空调机房</td>
                                                    </tr>
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备状态</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">运动状态：</td>
                                                            <td id="ydzt2">运行</td>
                                                            <td class="td2">有功电镀：</td>
                                                            <td id="ygdd2">15.44 KWh</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">运动频率：</td>
                                                            <td id="ydpl2">10.56HZ</td>
                                                            <td class="td2">变频器通信故障：</td>
                                                            <td id="bpqtxgz2">无</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="td1">过载故障：</td>
                                                            <td id="gzgz2">无</td>
                                                            <td class="td2">火灾模式：</td>
                                                            <td id="hzms2">无</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="td1">变频器故障报警：</td>
                                                            <td id="bpqgzbj2">无</td>
                                                            <td class="td2">三相平均电流：</td>
                                                            <td id="sxpjdl2">10.61A</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">累计运行时间：</td>
                                                            <td id="ljyxsj2">12.71小时</td>
                                                            <td class="td2">联锁是否满足：</td>
                                                            <td id="ls2">不满足</td>
                                                    </tr>
                                                    <tr>
                                                            <td colspan="4" class="zhTdTitle">设备控制</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">当前操作场所：</td>
                                                            <td id="dqczcs2">远方</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="td1">频率设定：</td>
                                                            <td><input id="plsd2" type="text"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                            <td>HZ <input onclick="plsd2();" type="button" value="设定"
                                                                    style="width: 70px; height: 25px;" /></td>

                                                    </tr>
                                            </table>
                                    </div>
                                    <div id="dxtButton" style="background-color: #EFEFEF;">
                                            <table width="100%" height="45px" cellpadding="0" cellspacing="0"
                                                    border="0">
                                                    <tr>
                                                            <td><input onclick="yxkz2();" type="button" value="变频运动"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                            <td><input onclick="tzkz2();" type="button" value="变频停止"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                            <td><input onclick="hzyx();" type="button" value="火灾运动"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                            <td><input onclick="zhtz();" type="button" value="灾后运动"
                                                                    style="width: 70px; height: 25px;" /></td>
                                                    </tr>
                                            </table>
                                    </div>
                            </div>
                    </div>
            </div>
            <%--<div class="bottom"><%@ include file="../../jsp/bottom.jsp"%></div>--%>
	</div>
    <script src="${basePath}static/js/jquery-1.4.2.min.js"></script>

    <script src="${basePath}view/jsp/js/emcs.js" defer="true"></script>
    <script src="${basePath}view/jsp/js/emcs2.js" defer="true"></script>
    <script src="${basePath}static/js/common.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //初始化页面标题
            initial_pagetitle();
            //
            //setMenu('EMCS','${basePath}')

            $(".waikuang").mousedown(function(e)//e鼠标事件
            {
                $(this).css("cursor", "move");//改变鼠标指针的形状

                var offset = $(this).offset();//DIV在页面的位置
                var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
                var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
                $(document).bind("mousemove", function(ev)//绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件
                {
                    $(".waikuang").stop();//加上这个之后

                    var _x = ev.pageX - x;//获得X轴方向移动的值
                    var _y = ev.pageY - y;//获得Y轴方向移动的值

                    $(".waikuang").animate({
                        left : _x + "px",
                        top : _y + "px"
                    }, 10);
                });
            });

            $(document).mouseup(function() {
                $(".waikuang").css("cursor", "default");
                $(this).unbind("mousemove");
            });

            //
            getMecsStatus();
            getMecsStatus2();
        });
    </script>
</body>
</html>